import styled from "styled-components";

export const ArtistLeftStyle = styled.div`
  .artist-left-box {
    width: 180px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    .artist-left-ul {
      padding: 51px 10px 40px 10px;
      .artist-left-ul-box {
        padding: 10px 0;
        border-bottom: 1px solid #d3d3d3;
        .artist-left-title {
          font-size: 16px;
          font-weight: 700;
          color: #333;
          padding-left: 14px;
        }
        ul {
          li {
            height: 29px;
            line-height: 29px;
            display: block;
            a {
              display: block;
              padding-left: 27px;
            }
            :hover {
              cursor: pointer;
            }
            &.active {
              background: url(${require("@/assets/img/singer.png").default})
                no-repeat 0 9999px;
              background-position: 0 0;
            }
            span {
              display: inline-block;
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
  }
`;
